<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<base href="<%=basePath%>">
		<!--[if lte IE 6]></base><![endif]-->
		<title>广东科学技术职业学院考生报到系统>>>>后勤部</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">

		<link href="css/newindex.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="css/jquery-ui-1.8.5.custom.css"
			type="text/css" />
		<style>
.my-dialog .ui-dialog-titlebar-close {
	display: none;
}
</style>
		<script src="js/jquery-1.5.js" language="javascript">
</script>
		<script src="js/jquery.bgiframe.js" type="text/javascript">
</script>
		<script src="js/finance.js" language="javascript">
</script>
		<script src="js/table.js" language="javascript">
</script>
		<script src="js/newpublic.js" language="javascript">
</script>

		<script src="js/jquery-ui-1.8.5.custom.min.js" language="javascript">
</script>
		<script src="js/ajaxfileupload.js" language="javascript">
</script>

		<script>
$(function() {

	$("#singleImport").attr("checked", true);
	//加载学院下拉列表
	loadColleges();
	//初始化专业下拉列表
	loadProfession($("#collegesList").val())
	$("#collegesList").change(function() {
		loadProfession($("#collegesList").val())
		$("#professionsList").trigger("change")
		if ($("#collegesList").val() == '') {//选择了珠海校区全部学院
				$("#dormType").val('true')
			} else {
				$("#dormType").val('false')
			}
			$("#dormType").trigger("change")
		})
	//初始化班级列表
	loadClasses($("#professionsList").val())
	$("#professionsList").change(function() {
		loadClasses($("#professionsList").val())
	})
	$("select").each(function() {//全部默认选择第一项
				$(this).children().first().attr("selected", "selected")

			})
	$("#dormType").change(function() {
		//alert($("#dormType").val()=='true')
			if ($("#dormType").val() == 'true') {//备用宿舍将不能选择专业和班级

				$("#professionsList").attr("disabled", true);
				$("#classesList").attr("disabled", true);

			} else {

				$("#professionsList").attr("disabled", false);
				$("#classesList").attr("disabled", false);
			}
		})

})
//加载学院下拉列表
function loadColleges() {
	var colleges
=<s:property value="colleges" escape="false"/>
			
			$("select#collegesList option").remove();
			setTimeout(function(){//ie6不得不这样写
				for(c in colleges){
					$("select#collegesList").append("<option value='"+c+"'>"+colleges[c]+"</option>")
				}
				$("#collegesList").append("<option value=''>珠海校区全部学院</option>")
				$("#collegesList").trigger("change")
			},0.001)
			
		}
		function loadProfession(collegeId){
			$("select#professionsList option").remove();
			var professionMap=<s:property value="professions" escape="false"/>
			var professions=professionMap[collegeId];
			for(var p in professions){
				$("#professionsList").append("<option value='"+p+"'>"+professions[p]+"</option>")
			}
			$("#professionsList").append("<option value=''>所有专业</option>")
		}
		function loadClasses(professionId){
			var classes=<s:property value="classes" escape="false"/>
			$("#classesList option").remove();
			for(var i=1;i<=classes[professionId];i++){
				$("#classesList").append("<option value='"+i+"'>"+i+"</option>")
			}
		}
		function validateRestNumberInput(textBox)
		{
			$(textBox).val($(textBox).val().replace(/[^0-9]/g,""))//限制只能输入数字
		}
		//增加宿舍
		function addDorm(){
			var dormNumber=$("#dormNumberInput").val();//宿舍号
			var bedRestNumber=$("#bedRestNumber").val();//床位数
			var professionId=$("#professionsList").val();
			var collegeId=$("#collegesList").val();
			var sex=$("#sex").val();//性别
			var clazz=$("#classesList").val();//班级
			var dormType=$("#dormType").val();//宿舍类型
			var single=$("#singleImport").attr("checked");//导入条件记录



			//alert($("#single").attr("id"))
			//alert("dormNumber  : "+dormNumber+"  bedRestNumber  "+bedRestNumber+"  professionId  "+professionId+"  collegeId  "+collegeId+"  sex  "+sex+"  clazz  "+clazz+"  dormType    "+dormType+"    single:"+single)
			if(single){//插入单条记录
			
				var p = /^.+#\d{3,4}$/;//考虑到老师公寓宿舍号有字母和广州学院宿舍位置有中文的情况
				if (!p.test(dormNumber)) {
					alert("宿舍格式不正确，正确格式为：栋数#宿舍号 (广州校区为：位置#宿舍号)，宿舍号至少由三位数字组成 ")
					return;
				}else if(bedRestNumber==''){
					alert("入住人数不能为空");
					return;
				}
				var param={};
				param.date=new Date();
				param.dormNumber=dormNumber;
				param.sex=sex;
				
				param.bedRestNumber=bedRestNumber;
				if(eval(dormType)){//备用宿舍
					professionId='';//备用宿舍无专业之分
					clazz=''
				}
				if(professionId!=''){
					param.professionId=professionId;
				}else{
					clazz='';
				}
				if(collegeId!=''){
					param.collegeId=collegeId;
				}else{
					professionId='';//备用宿舍无专业之分
					clazz=''
				}
				if(clazz!=''){
					param.clazz=clazz;
				}
				alert
				$.post("json/addSingleDormAction",param,function(data){
					if(data.result=='')
						alert("宿舍号已存在！")
					else{
						alert("增加成功！")
						//loadAddDorm()
						showAddDorm(data.result)
						updateResultIndex();
					}
				})
			
			}else{//批量导入宿舍
				
				var file=$("#upload").attr("value");
				if(file==null || file==""){
					alert("请先选择上传的文件!");
					return;
				}
				var excel=file.substring(file.lastIndexOf(".")); 
				if(excel!=".xls" && excel!=".xlt"){
					alert("请上传'.xls格式的Excel文件!'");
					return;
				}
				
				$("#importErrorDiv").hide(); 
				$("#checkingImage").hide();//显示对与错的图片
				$("#checkingProgress").show();//显示处理进度条
				$("#importMessage").html("")
				//显示处理窗口
				$("#doLotImportDiv").show();
				$("#doLotImportDiv").dialog({
					modal: true,
					width:700,
					height:400,
					dialogClass: "my-dialog",
					buttons:{
						'完成':function(){
							$("#doLotImportDiv").dialog("close")
						}}
				})
				dlBtnEnable(false);
				//批量导入宿舍
				 $.ajaxFileUpload({
                        url:'json/uploadDormExcel.action', //你处理上传文件的服务端
                        secureuri:false,
                        fileElementId:'upload',
                        dataType: 'json',
                        success: function (data, status) {
					 		error=eval("("+data.error+")");
					 		if(error.length<=0){
					 			//没有错误
					 			$("#checkingImage").show();
					 			$("#checkingProgress").hide();
					 			$("#checkingImage").attr("src","images/right.png")
					 			$("#importMessage").html("<font size='+3' color='red'>导入成功</font>")
					 			var dorms=eval("("+data.result+")");
					 			for(var i=0;i<dorms.length;i++){
					 				showAddDorm(dorms[i])
					 				
					 			}
					 			updateResultIndex()
					 		}else{
					 			
					 			 var table=$("#importErrorTable")
					 			 $("#importMessage").html("<font size='+3' color='red'>导入失败！</font>")
					 			 $("table#importErrorTable tr:gt(0)").remove();
                           		 for(var i=0;i<error.length;i++){	 
                                  	var tr='<tr><td align="center">'+(i+1)+'</td><td align="left" ><font color="red">'+error[i]+'</font></td></tr>';
                           		 	table.append($(tr));
                           		 }
                           		 	$("table#importErrorTable tr:gt(0):even").css('background','#deefff'); 
									$("table#importErrorTable tr:gt(0):odd").css('background','#fff');
									$("#checkingImage").attr("src","images/error.png")
									$("#checkingImage").show();
									$("#checkingProgress").hide();
									$("#importErrorDiv").show();
									
					 		}
					 		dlBtnEnable(true);
                                                       
                            
                        },
						error: function (data, status, e)
						{
							alert("上传失败！");
							$("#doLotImportDiv").dialog("close");
							dlBtnEnable(true);
						}
                   })
				
				//uploadDormExcel();
	}
		
		}
		//显示增加完的宿舍

		function showAddDorm(dorm){
			
			if(dorm){
				$("#dormList").show();
				if(typeof dorm !='object')
					dorm=eval("("+dorm+")")
					
				//alert(dorm.dromId)
				var clazz=dorm.clazz+'班'
				if(dorm.clazz==0){
					clazz="所有班级"
				}
				
				var tr=	'<tr><td height="25" align="center" name="addRecodeIndex"></td><td align="center">'+dorm.dormNumber+'</td><td align="center">'+dorm.bedRest+' 人</td><td align="center">'+(dorm.sex?"男":"女")+'</td><td align="center">'+dorm.colleges+'</td>	<td align="center">	'+dorm.profession+'</td><td align="center">'+clazz+'</td><td align="center">'+dorm.dormType+'</td>	</tr>'
				$("#dormAddTable tr:eq(0)").after($(tr));
	
				$("table#dormAddTable tr:gt(0):odd").css('background','#deefff'); 
				$("table#dormAddTable tr:gt(0):even").css('background','#fff');
			}
		}
		
	//上传宿舍表Excel
	function uploadDormExcel(){
		
		var file=$("#upload").attr("value");
		if(file==null || file==""){
			alert("请先选择上传的文件!");return;
		}
		var excel=file.substring(file.lastIndexOf(".")); 
		if(excel!=".xls" && excel!=".xlt"){
			alert("请上传'.xls格式的Excel文件!'");
			return;
		}
		$("#import_Dorm_excel_form").attr("action","json/uploadDormExcel.action").submit();
		//$("#import_Dorm_excel_form");
	}
	
	function exportDormExcel() {
	
		$("#import_Dorm_excel_form").attr("action","exportDormExcelDemo.action").submit();
		//document.getElementById("import_Dorm_excel_form").submit();
	}
	/*$(function(){
		loadAddDorm()
	})
	function loadAddDorm(){
		$("table#dormAddTable tr:gt(0)").remove();
		var dormList=[];
		
		if('${sessionScope.dormList}'!=''){
		
			dormList='${sessionScope.dormList}';
			dormList=eval("("+dormList+")")
		}
		
		for(var i=0;i<dormList.length;i++){
			
			showAddDorm(eval(dormList[i]));
		}
		updateResultIndex()
	}*/
	function chooseSigleImport()
	{
		$("#d1").show();
		$("#d2").hide();
	}
	function chooseLotImport()
	{
		
		$("#d1").hide();
		$("#d2").show();
	}
	//控制按钮是否可用的函数.

function dlBtnEnable(enable)
{

    var dlgButton = $('.ui-dialog-buttonpane button');//喔喔,全选所有dialog的按钮,你也可以加些条件,选定指定窗口,不过我这里没必要.

    if (enable) {

        dlgButton.attr('disabled', '');

        dlgButton.removeClass('ui-state-disabled');

    } else {

        dlgButton.attr('disabled', 'disabled');

        dlgButton.addClass('ui-state-disabled');

    }

}
function updateResultIndex(){
	$("td[name='addRecodeIndex']").each(function(i,v){
			$(this).html(i+1)
	})
}
		/**********************************帮助信息***************************************/
		function helpMessage()
		{
			$("#helpMessage").show("slow");
			$("#helpMessage").dialog({
					modal: true,
					width:800,
						buttons: {
							'我知道了':function(){
								$( this ).dialog( "close" );
								$("#helpMessage").hide();
							}
						}
			})
		}
	</script>

	</head>

	<body id="bo" onload="fixPNGAll()">
		<div id="bg">
			<div id="bodydiv">
				<div id="bodytitle">
					&nbsp; 后勤部
					<div>
						<a href="loginoutAction" style="color: #F00;">退出</a>
					</div>
				</div>
				<div id="menudiv">
					<div class="menu">
						<div style="position: relative;">
							<a href="entrance/logisticsAction"><img
									src="newimages/l3.png" width="48" height="48" border="0" />
								<div>
									宿舍情况
								</div> </a>
						</div>
					</div>

					<div class="menu">
						<div style="position: relative;">
							<a href="logisticsManagerDormAction"><img
									src="newimages/l2.png" width="48" height="48" border="0" />
								<div>
									导入宿舍
								</div> </a>
						</div>
					</div>
				</div>
				<div id="content">
					<!--当前位置CSS-->
					<div class="top">
						<div class="topleft">
							<div class="dan">
								<div>
									当前位置>后勤部>导入宿舍
								</div>

							</div>
							<div class="F5">
								<img src="newimages/F5.png" />
							</div>
						</div>
						<div class="topright">
							<div class="toprightmin"></div>
							<div class="toprightmax"></div>
							<div class="toprightclose"
								onclick="if(confirm('是否确定退出！')){location.replace('loginoutAction')}"
								title="点击退出"></div>
						</div>
					</div>
					<!---->
					<!--内容-->
					<div class="condiv">
						<div class="submenu">
							<div
								style="float: right; color: red; line-height: 39px; text-indent: 18px; background: url(newimages/help.png) no-repeat left center; font-size: 12px; margin-right: 10px;">
								<a href="javascript:helpMessage()">帮助</a>
							</div>
						</div>
						<div class="contable">
							<!--******************************-->
							<div id="t1" style="display: block;">
								<div class="title">
									导入宿舍
								</div>

								<table width="100%" border="0" align="center" cellpadding="1"
									cellspacing="5" height="70">
									<tr>
										<td width="80%">
											<div>
												<table width="100%" id="d1" border="0">
													<tr>
														<td width="15%" align="right">
															宿舍号：
														</td>
														<td width="15%">
															<input type="text" size="13" id="dormNumberInput" />
														</td>
														<td width="25%" align="left">
															学院：
															<select name="" id="collegesList">

															</select>
														</td>

														<td width="20%" align="left">
															专业名称:
															<select name="" id="professionsList">
																<option>
																	--请选择学院--
																</option>
															</select>
														</td>


														<td width="9%" align="right">
															&nbsp;
														</td>
													</tr>
													<tr>
														<td align="right">
															班级：
														</td>
														<td>
															<select name="" id="classesList">
																<option>
																	--请选择专业--
																</option>
															</select>
														</td>
														<td align="left">
															现可入住人数：

															<input type="text" size="3" id="bedRestNumber"
																onkeyup="validateRestNumberInput(this)" />
															&nbsp;人
														</td>
														
														<td align="left">
															宿舍类型:
															<select id="dormType">
																<option value="false" selected="selected">
																	普通宿舍
																</option>
																<option value="true">
																	备用宿舍
																</option>
															</select>
														</td>
													
														<td width="10%" align="right">
															性别:
											
															<select name="" id="sex">
																<option value="true">
																	男
																</option>
																<option value="false">
																	女
																</option>
															</select>
														</td>
													</tr>
												</table>

												<div id="d2" style="display: none; padding-left: 20px;">
													<form action="" id="import_Dorm_excel_form" method="post"
														enctype="multipart/form-data">
														<input type="file" name="upload" id="upload" />
														&nbsp;&nbsp;


														<%--														<input type="button" value="导出模板"--%>
														<%--															onclick="exportDormExcel()" />--%>


														<%--														<input type="button" value="导入"--%>
														<%--															onclick="uploadDormExcel()" />--%>
														&nbsp;&nbsp;&nbsp;
														<input type="button" value="下载模板"
															onclick="exportDormExcel()" />


													</form>
													<font color="red">请选择下载模版,填写内容后再导入</font>
												</div>
											</div>
										</td>
										<td width="13%" style="border-left: 1px dotted red;">
											<div>

												<input name="a" type="radio" value="" checked="checked"
													id="singleImport" onclick="chooseSigleImport()" />


												单个导入
											</div>
											<div>
												<input name="a" type="radio" value=""
													onclick="chooseLotImport()" />
												批量导入
											</div>
										</td>
										<td width="7%">

											<input type="button" value="导入" onclick="addDorm()" />

											<%--											<input type="button" value="执行" onclick="addDorm()" />--%>

										</td>
									</tr>
								</table>



								<div id="dormList" style="display: none">
									<h2 style="text-align: center; color: red;">
										刚增加的宿舍列表
									</h2>
									<table width="90%" height="31" border="0" align="center"
										cellpadding="0" cellspacing="1" class="t1"
										style="margin-top: 20px; border: 1px solid #5cb0ff;"
										id="dormAddTable">
										<tr>
											<th width="7%" height="27" align="center">
												序号
											</th>
											<th width="11%" align="center">
												宿舍号
											</th>
											<th width="11%" align="center">
												可入住人数
											</th>
											<th width="11%" align="center">
												性别
											</th>
											<th width="15%" align="center">
												学院
											</th>
											<th width="19%" align="center">
												专业名称
											</th>
											<th width="9%" align="center">
												班级
											</th>
											<th width="14%" align="center">
												宿舍类型
											</th>

										</tr>
									</table>
								</div>
							</div>

						</div>
					</div>

					<div class="condiv"
						style="width: 997px; position: relative; height: 20px; min-height: 20px; text-align: center;">
						<a href="computer/computer.html" target="_blank">计算机学院程序员之家</a>
					</div>
					<!--低部-->
					<div class="bottom">
						&nbsp;
					</div>
					<!---->
				</div>
			</div>
		</div>

		>
		</div>
		</div>
		<!--  -->
		<!--                   批量导入时的弹出div -->
		<div id="doLotImportDiv" title="批量导入宿舍" style="display: none">
			<table width="90%">
				<tr>
					<td align="left">
						<font color="red" size="2px">检查数据有效性。。。</font>
						<br />
					</td>
					<td align="right">
						<img src="images/right.png" alt="" width="30px" id="checkingImage" />
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<img src="images/progressBar.gif" alt="正在导入。。。"
							id="checkingProgress" />
						<div id="importMessage">

						</div>
					</td>
				</tr>
				<tr>
					<td>

						<div id="importErrorDiv" style="display: none">
							<table id="importErrorTable" width="100%" border="0" style=""
								class="t1">
								<tr style="font-size: 18px; font-weight: bold; color: red">
									<th width="10%" align="center">
										序号
									</th>
									<th align="center">
										错误信息
									</th>
									<tr>
										<tr>
											<td align="center">
												1
											</td>
											<td align="left">
												宿舍号重复
											</td>
										</tr>
							</table>
						</div>
					</td>
				</tr>
			</table>
			<div>
				<div id="helpMessage" title="帮助信息"
					style="display: none; font-size: 12px">
					<ol>
						<li>
							<font color="red">导入宿舍指南:</font> 宿舍类型分为两种：
							<ol>

								<li>
									普通宿舍(普通学生公寓)
								</li>
								<li>
									备用宿舍:而备用宿舍又有两种
									<ul>
										<li>
											学院备用宿舍 &nbsp;&nbsp;(指定部分宿舍为指定学院用于备用
											，只有当普通宿舍都分配完才分启动这部分宿舍进行分配。导入时需要指定学院，由于这类宿舍归整个学院所有,所以专业和班级都不能填写)
										</li>
										<li>
											珠海校区备用宿舍&nbsp;&nbsp;(只能后勤部才有权力导入这类宿舍并且只有珠海校区才有!导入时不需要指定学院(单个导入时学院选择"珠海校区全部学院")，由于这类宿舍归整个珠海校区所有，所以学院，专业和班级都不能填写)
										</li>
									</ul>
								</li>
								<li>
									<font color="red">宿舍号的填写:</font>珠海校区宿舍格式：栋数#房间号
									，例如23#507;广州校区:位置#房间号，例如：二区A栋#103,本部西楼#1021;房间号由3到四个数字组成，例如一楼第一个宿舍为101等
								</li>

							</ol>
							<font color="red">关于班级的填写:</font>
							<ol>
								<li>
									一个宿舍属于一个班级，当出现一个宿舍住有多个班级的学生时，班级可以任意填写，但一般遵循的原则是：人数多的班级优先，比如说一个4个人的宿舍住有1个1班的，三个2班的，通常这个宿舍就是属于2班的!如果有两个1班的，两个2班的，这里可以任意填写
								</li>
							</ol>
						</li>
						<li>
							<font color="red">批量导入模版填写指南:</font>
							<ol>
								<li>
									先导出Excel模版，然后在模版中填写相关信息后导入
								</li>
								<li>
									在Excel填写宿舍信息时,请先将标题栏删除和示例删除！
								</li>
								<li>
									宿舍类型列填写"备用宿舍"或"普通宿舍",若导入的是普通宿舍，则所有列都不能为空，若导入的是指定学院的备用宿舍，学院不能为空但专业,班级都不填
									若导入的是珠海校区的备用宿舍学院,专业,班级都不填，并且校区只能为珠海校区
								</li>
							</ol>
						</li>
					</ol>
				</div>
	</body>
</html>
